<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>文章</title>
		<link rel="stylesheet" href="css/article.css" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1018071_wm75ua9bxp8.css"/>
	</head>
	<body>
		<div class="articleweb">
			<!--头部-->
			<div class="head">
				<div class="msnSelect">
					<a class="iconfont icon-menu2" href="#"></a>
				</div>
				<div class="logo">
					<a href="index.html"><img src="img/logo.png"/></a>
				</div>
				<div class="search">
					<a class="iconfont icon-sousuo" href="#"></a>
				</div>
			</div>
			<div class="main">
				<!--友情链接-->
				<div class="friendLink">
					<div class="stockLink">
						<a href="#"><img src="img/friendLink1.png" alt="" /></a>
					</div>
					<div class="motherLink">
						<a href="#"><img src="img/friendLink2.png" alt="" /></a>
					</div>
				</div>
				<div class="news">
					<div class="newsbar">
						<ul>
							<li class="title">
								<a href="article2.html">省广股份携手阿里妈妈举行DT大时代 全息营销......</a>
							</li>
							<li class="data">
								<span class="font like"><i class="iconfont icon-aixin"></i>120</span>
								<span class=" font browse"><i class="iconfont icon-yanjing"></i>120</span>
								<div class="dot">
									<div class="select"></div>
									<div class="unselect"></div>
									<div class="unselect"></div>
									<div class="unselect"></div>
								</div>
								<span class="font date">
									12月16号  07:33:43
								</span>
							</li>
						</ul>
					</div>
				</div>
				<div class="content">
					<div class="box">
						<div class="case">
							<div class="title">
								<a href="">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
							</div>
							<div class="data">
								<span>
									<i class="iconfont icon-aixin"></i>120
								</span>
								<span>
									2小时前<a href="#">[案例观点]</a>
								</span>
							</div>
						</div>
						<div class="img">
							<img src="img/articleImg1.png"/>
						</div>
					</div>
					<div class="box">
						<div class="case">
							<div class="title">
								<a href="">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
							</div>
							<div class="data">
								<span>
									<i class="iconfont icon-aixin"></i>120
								</span>
								<span>
									2小时前<a href="#">[案例观点]</a>
								</span>
							</div>
						</div>
						<div class="img">
							<img src="img/articleImg2.png"/>
						</div>
					</div>
					<div class="box2">
						<p class="title">
							<a href="">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
						</p>
						<p class="img">
							<img src="img/articleImg3.png" alt="" />
							<img src="img/articleImg4.png" alt="" />
							<img src="img/articleImg5.png" alt="" />
						</p>
						<div class="data">
							<div>
								<div class="img">
									<img src="img/picture.png" alt="" />
								</div>
								<div class="name">
									<span>陈正光</span>
									<span>
									<i class="iconfont icon-pinglun2"></i>6868
									</span>
									<span>
									<i class="iconfont icon-aixin"></i>4808
									</span>
								</div>
							</div>
							<div>
								两天前<a href="#">[案例观点]</a>
							</div>
						</div>
					</div>
					<div class="box">
						<div class="case">
							<div class="title">
								<a href="">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
							</div>
							<div class="data">
								<span>
									<i class="iconfont icon-aixin"></i>120
								</span>
								<span>
									12月26日 07:33:43<a href="#">[新闻]</a>
								</span>
							</div>
						</div>
						<div class="img">
							<img src="img/articleImg6.png"/>
						</div>
					</div>
					<div class="box">
						<div class="case">
							<div class="title">
								<a href="">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
							</div>
							<div class="data">
								<span>
									<i class="iconfont icon-aixin"></i>120
								</span>
								<span>
									12月26日 07:33:43<a href="#">[项目]</a>
								</span>
							</div>
						</div>
						<div class="img">
							<img src="img/articleImg7.png"/>
						</div>
					</div>
					<div class="box2">
						<p class="title">
							<a href="">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
						</p>
						<p class="img">
							<img src="img/articleImg8.png" alt="" />
							<img src="img/articleImg9.png" alt="" />
							<img src="img/articleImg10.png" alt="" />
						</p>
						<div class="data">
							<div>
								<div class="img">
									<img src="img/picture.png" alt="" />
								</div>
								<div class="name">
									<span>陈正光</span>
									<span>
									<i class="iconfont icon-pinglun2"></i>6868
									</span>
									<span>
									<i class="iconfont icon-aixin"></i>4808
									</span>
								</div>
							</div>
							<div>
								两天前<a href="#">[案例观点]</a>
							</div>
						</div>
					</div>
					<div class="box">
						<div class="case">
							<div class="title">
								<a href="">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
							</div>
							<div class="data">
								<span>
									<i class="iconfont icon-aixin"></i>120
								</span>
								<span>
									12月26日 07:33:43<a href="#">[项目]</a>
								</span>
							</div>
						</div>
						<div class="img">
							<img src="img/articleImg11.png"/>
						</div>
					</div>
					<div class="box">
						<div class="case">
							<div class="title">
								<a href="">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</a>
							</div>
							<div class="data">
								<span>
									<i class="iconfont icon-aixin"></i>120
								</span>
								<span>
									12月26日 07:33:43<a href="#">[项目]</a>
								</span>
							</div>
						</div>
						<div class="img">
							<img src="img/articleImg12.png"/>
						</div>
					</div>
					<div class="loading">
						<a href="#">加载更多</a>
					</div>
				</div>
			</div>
			<div class="foot">
				<div class="box index">
					<a href="#"><img src="img/footlogo5.png" alt="" /></a>
					<p><a href="#">首页</a></p>
				</div>
				<div class="box gimc">
					<a href="index.html"><img src="img/articlelogo1.png" alt="" /></a>
					<p><a href="index.html">GIMC</a></p>
				</div>
				<div class="box article">
					<a href="article.html"><img src="img/articlelogo2.png" alt="" /></a>
					<p><a href="article.html">文章</a></p>
				</div>
				<div class="box source">
					<a href="#"><img src="img/footlogo2.png" alt="" /></a>
					<p><a href="#">资源</a></p>
				</div>
				<div class="box college">
					<a href="#"><img src="img/footlogo.png" alt="" /></a>
					<p><a href="#">学院</a></p>
				</div>
			</div>
		</div>
		
		<script type="text/javascript">
			/*动态改变根元素字体大小*/
			function recalc() {
				var clientWidth = document.documentElement.clientWidth;
				if(!clientWidth) return;
				document.documentElement.style.fontSize = 40 * (clientWidth / 640) + 'px';
			}

			function initRecalc() {
				recalc();
				var resizeEvt = 'osrientationchange' in window ? 'orientationchange' : 'resize';
				if(!document.addEventListener) return;
				window.addEventListener(resizeEvt, recalc, false);
				document.addEventListener('DOMContentLoaded', recalc, false);
			}
			initRecalc();
		</script>
	</body>
</html>
